<script setup lang="ts">
const model = defineModel<number>();

// 使 v-model 必填
// const model = defineModel({ required: true })

// 提供一个默认值
// const model = defineModel({ default: 0 })

function add() {
  if (typeof model.value === 'number') {
    model.value++  // 此时TS能正确推断类型
  }
}

</script>

<template>
  <div class="p-3 rounded-3 border">
    <p>子组件：v-model 是 {{ model }}</p>
    <n-button @click="add">点击</n-button>
  </div>
</template>

<style scoped>

</style>